<template>
	<view :style="{ width: '100%', height: statusBarHeight + 'px' }" />
</template>

<script  setup>
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
defineOptions({ name: 'CustomNavigation' })

const statusBarHeight = ref(0)

const setInfo = () => {
	const systemInfo = uni.getSystemInfoSync()
	statusBarHeight.value = systemInfo.statusBarHeight
	console.log(systemInfo)
}

onLoad(() => {
	setInfo()
})

</script>

<style lang="scss">

</style>